<template>
    <a-locale-provider :locale="locale">
        <div id="app">
            <a-layout>
                <!-- <a-layout-sider width="200px" class="lc_aside">
                    <slide-navigation></slide-navigation>
                </a-layout-sider> -->
                <a-layout class="lc_container">
                    <a-layout-content style="height: 100vh">
                        <router-view/>
                    </a-layout-content>
                </a-layout>
            </a-layout>
        </div>
    </a-locale-provider>
</template>

<script>
    import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
    export default {
        data () {
          return {
            locale: zhCN,
          }
        },
    }
</script>


<style>
    @import './assets/css/reset.css';

    #app {
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #F8F9FA;
    }

    .el-header,
    .el-footer {
        background-color: #FFFFFF;
        color: #cccccc;
        text-align: center;
        line-height: 0px;
    }

    .lc_aside {
        background: #1D1E21;
    }

</style>